@import "mixin";
@import "footer";

.submit-question {
  width: 100%;
  height: rem(35px);
  background-color: #fefcec;
  overflow: hidden;
  z-index: 10;
  >a {
    padding: 0 rem(16px);
    display: block;
    line-height: rem(35px);
    font-size: rem(14px);
    color: #f8762d;
  }
}

.tabs {
  width: 100%;
  height: rem(35px);
  background-color: #fafafa;
  overflow: hidden;
  z-index: 10;
  >.tabs-container {
    >.tabs-wrapper {
      height: rem(35px);
      >li {
        float: left;
        display: inline-block;
        box-sizing: border-box;
        height: rem(35px);
        padding: 0 rem(15px);
        //text-align: center;
        line-height: rem(35px);
        font-size: rem(14px);
        color: #999999;
      }
    }
  }
  >.nav-swiper-container {
    >.swiper-wrapper {
      display: flex;
      >.swiper-slide {
        float: left;
        flex: 1;
        display: inline-block;
        box-sizing: border-box;
        width: auto;
        height: rem(35px);
        //padding: 0 rem(5px);
        text-align: center;
        line-height: rem(35px);
        font-size: rem(14px);
        color: #999999;
        &.active {
          color: #dc3838;
        }
      }
    }
  }
}

.block-cp {
  position: fixed;
  top: rem(70px);
  bottom: rem(40px);
  width: 100%;
  overflow: hidden;
  >.cp-wrapper {
    >.cp-item {
      width: 100%;
      height: rem(92px);
      background-color: #fff;
      @include border-bottom-1px(#e5e5e5);
      font-size: 0;
      >a {
        display: flex;
        padding: rem(8.5px) rem(16px);
        >.cp-item-left {
          flex: 0 0 rem(100px);
          width: rem(100px);
          >img {
            width: rem(100px);
            height: rem(75px);
          }
        }
        >.cp-item-right {
          flex: 1;
          position: relative;
          padding: 0 rem(10px);
          >h5 {
            line-height: rem(22px);
            font-size: rem(17px);
            color: #666666;
          }
          >.cp-time {
            position: absolute;
            bottom: rem(2px);
            font-size: rem(12px);
            color: #666666;
          }
        }
      }
    }
  }
}